<template>
    <div class="van_cell">
        <h3 class="van_cell_title">{{ data.options.label }}</h3>
        <van-checkbox-group v-model="data.options.defaultValue">
            <van-cell v-for="(item,index) in data.options.options" :key="index">
                <van-checkbox shape="square" :name="item.value">{{ item.label }}
                </van-checkbox>
            </van-cell>
        </van-checkbox-group>
    </div>
</template>
<script>
import { Checkbox, CheckboxGroup, Cell, CellGroup } from 'vant'
export default {
    name: 'FormRadio',
    components: {
        [Checkbox.name]: Checkbox,
        [CheckboxGroup.name]: CheckboxGroup,
        [CellGroup.name]: CellGroup,
        [Cell.name]: Cell
    },
    props: {
        data: {
            type: Object
        }
    },
    methods: {

    }
}
</script>
